<script>
	import Vue from "vue"
	export default {
		onLaunch: function() {
			
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style lang="scss">
	/*每个页面公共css */
	
	$main_color:#02C8FD;
	$not_select:#8a8a8a;
	.lawer-box{
		display: flex;
		padding: 40rpx 30rpx;
		image{
			border-radius: 50%;
			width: 95rpx;
			height: 95rpx;
		}
		.box-right{
			width: calc(100% - 120rpx);
			margin: 0 0 0 20rpx;
		}
		.top{
			padding: 0 !important;
			display: flex;
			font-size: 20rpx;
			display: flex;
			justify-content: space-between;
			.year{
				color: #06dfcf;
				font-size: 20rpx;
				padding: 5rpx 10rpx;
				border: 3rpx solid #06dfcf;
				border-top-left-radius: 6px;
				border-top-right-radius: 2px;
				border-bottom-left-radius: 2px;
				border-bottom-right-radius: 6px;
			}
		}
		.middle{
			display: flex;
			align-items: center;
			font-size: 26rpx;
			letter-spacing: 2rpx;
			color: #999;
			padding: 10rpx 0;
			image{
				width: 28rpx;
				height: 28rpx;
				margin: 0 10rpx 0 0;
			}
		}
		.bottom{
			display: flex;
			font-size: 26rpx;
			letter-spacing: 4rpx;
			color: #999;
			image{
				width: 28rpx;
				height: 28rpx;
				margin: 0 10rpx 0 0;
			}
			.lenged{
				letter-spacing: 0rpx;
			}
		}
	}
	.evaluate-box{
		display: flex;
		padding: 40rpx;
		.evaluate-right{
			margin: 0 0 0 25rpx;
		}
		>image{
			width: 70rpx;
			height: 70rpx;
			border-radius: 50%;
		}
		.evaluate-top{
			display: flex;
			align-items: center;
			.give{
				margin: 0 0 0 25rpx;
				font-size: 25rpx;
				color: #aaa;
				.name{
					font-size: 30rpx;
					color: #66AAFF;
					margin: 0 0 0 10rpx;
				}
			}
			.stars{
				display: flex;
				image{
					width: 30rpx;
					height: 30rpx;
					margin: 0 10rpx 0 0 ;
				}
			}
		}
		.content{
			font-size: 25rpx;
			padding: 10rpx 0;
			width: 100%;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		.evaluate-bottom{
			display: flex;
			align-items: center;
			color: #aaa;
			.bottom-time{
				margin: 0 0 0 30rpx;
				font-size: 25rpx;
			}
			.bottom-name{
				font-size: 20rpx;
			}
		}
	}
	.cent{
		display: flex;
		align-items: center;
		justify-content: center;
	}
.page-bottom{
	position: fixed;
	bottom: 0rpx;
	left: 0rpx;
	width: 100%;
	display: flex;
	align-items: center;
	background-color: #fff;
	height: 100rpx;
	.kefu{
		width: 45rpx;
		height: 45rpx;
		display: block;
		margin: -10rpx auto;
		position: relative;
		top: 7rpx;
	}
	button{
		font-size: 20rpx;
		color: #aaa;
		background-color: transparent;
		border: 0;
		margin: 0;
		padding: 15rpx;
		text{
			position: relative;
			top: 13rpx;
		}
	}
	button::after{
		border: 0;
	}
	.bottom-line{
		height: 65rpx;
		border-right: 1rpx solid #ccc;
		margin: 0 10rpx;
	}
	.bottom-middle{
		display: flex;
		align-items: center;
		.phone{
			width: 100px;
			height: 80rpx;
		}
		.xiangshang{
			width: 10px;
			height: 20rpx;
			margin: 0 10rpx;
		}
	}
	.price{
		background-color: #069FF6;
		height: 100%;
		text-align: center;
		color: #fff;
		line-height: 100rpx;
		font-size: 34rpx;
		letter-spacing: 1rpx;
		flex: 1;
		font-weight: 500;
	}
}
.pop-c{
	padding: 15rpx 25rpx;
	background-color: #fff;
	border-radius: 3px;
	box-sizing: border-box;
	width: 600rpx;
}
.pop-line{
	display: flex;
	margin: 20rpx 0;
	align-items: center;
	font-size: 28rpx;
	color: #666;
	image{
		width: 33rpx;
		height: 33rpx;
		margin: 0 10rpx 0 0 ;
	}
}
.pop-title{
	text-align: center;
	border-bottom: 1rpx solid #999;
	padding:20rpx 0 ;
	font-weight: 600;
}
.pop-middle{
	width: 70%;
	height: 70rpx;
	margin: 0 auto;
	display: block;
}
.pop-btn{
	background-color: #069FF6;
	text-align: center;
	font-size: 30rpx;
	border-radius: 3px;
	padding: 10rpx;
	color: #fff;
	margin: 30rpx 0 20rpx;
}
</style>
